<div>
	<div class="breadcrumb">
		<a class="prev" onclick="history.go(-1)"></a>
		<a class="next" onclick="history.go(1)"></a>
	</div>
	<div class="tour-detail">
		<div nz-row [nzGutter]="24">
			<div nz-col nzXl="8" nzXXl="5">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'guide.name'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.name }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col nzXl="8" nzXXl="5">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="travelAgencyId">{{'guide.agencyName'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.agencyName }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col nzXl="8" nzXXl="5">
				<nz-form-item nzFlex>
					<nz-form-label style="width: 125px;" nzFor="birthday">{{'guide.birthday'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.birthday }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col nzXl="8" nzXXl="4">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="reservationFee">{{'guide.reservationFee'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.reservationFee }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col nzXXl="20">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired>{{'guide.time'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngIf="data.monOpenTime">{{this.week.Mon}}：{{ data.monOpenTime }} -- {{ data.monCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.tueOpenTime">{{this.week.Tue}}：{{ data.tueOpenTime }} -- {{ data.tueCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.wedOpenTime">{{this.week.Wed}}：{{ data.wedOpenTime }} -- {{ data.wedCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.thuOpenTime">{{this.week.Thu}}：{{ data.thuOpenTime }} -- {{ data.thuCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.friOpenTime">{{this.week.Fri}}：{{ data.friOpenTime }} -- {{ data.friCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.satOpenTime">{{this.week.Sat}}：{{ data.satOpenTime }} -- {{ data.satCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.sunOpenTime">{{this.week.Sun}}：{{ data.sunOpenTime }} -- {{ data.sunCloseTime }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col nzXXl="12">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'guide.personalityTag'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngFor="let i of data.personalityTagList">{{ i.name }};</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col nzXXl="12">
				<nz-form-item nzFlex>
					<nz-form-label style="width: 120px;" nzRequired nzFor="name">{{'guide.guideServiceItem'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngFor="let i of data.guideServiceItemList">{{ i.name }};</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col nzXXl="20">
				<nz-form-item nzFlex>
					<nz-form-label style="width: 120px;" nzRequired nzFor="brief">{{'guide.brief'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>
							{{ data.brief }}
						</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col nzXXl="24">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'guide.header'|translate}}</nz-form-label>
					<nz-form-control>
						<img src="{{ data.images[0] }}" width="120" height="120" style="border-radius:50%;margin-right: 20px;margin-bottom: 15px;" />
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col nzXXl="24">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'guide.images'|translate}}</nz-form-label>
					<nz-form-control>
						<a *ngFor="let url of data.images;let i = index"><img src="{{ url }}" width="160" height="120" style="border-radius:4px;margin-right: 20px;margin-bottom: 15px;" *ngIf="i>0" /></a>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
	</div>
</div>
